<p-sidebar [(visible)]="sidebarRightVisible"
  position="right"
  [style]="{width: '40rem'}"
  (onHide)="onSidebarHide()"
  #sidebarProps>
  <div *ngIf="item">
    <div class="card p-fluid">
      <h5>堆垛机信息</h5>
      <div class="field">
        <label htmlFor="name1">Name</label>
        <input type="text"
          pInputText
          class="w-full p-inputtext-sm"
          placeholder="设置名称"
          [disabled]="true"
          [(ngModel)]="item.Name" />
      </div>
      <div class="field">
        <label htmlFor="email1">Plc IP</label>
        <input type="text"
          pInputText
          [disabled]="true"
          class="w-full p-inputtext-sm"
          placeholder="PLC IP"
          [(ngModel)]="item.Plc.Ip" />
      </div>
      <div class="field">
        <label htmlFor="age1">Plc Port</label>
        <p-inputNumber [disabled]="true"
          styleClass="w-full p-inputtext-sm"
          placeholder="PLC端口"
          [(ngModel)]="item.Plc.Port" />
      </div>
      <div class="field">
        <app-monitor-field-list [fields]="item.Fields"></app-monitor-field-list>
      </div>
    </div>
  </div>

</p-sidebar>